<template>
  <el-container style="min-height: 100vh">

    <el-aside :width="sideWidth + 'px'" style="box-shadow: 2px 0 6px rgb(0 21 41 / 35%);">
      <el-menu router
               :default-active="$route.path"
               :default-openeds="['1', '3']" style="min-height: 100%; overflow-x: hidden"
               background-color="#4095E5"
               text-color="#fff"
               active-text-color="#ffd04b"
               :collapse-transition="false"
               :collapse="isCollapse"
      >
        <div style="height: 60px; line-height: 60px; text-align: center">
          <img src="../assets/logo.png" alt="" style="width: 20px; position: relative; top: 5px; right: 5px">
          <b style="color: white" v-show="logoTextShow">教师管理系统</b>
        </div>
        <el-menu-item index="StudentView">
          <template slot="title">
            <i class="el-icon-message"></i>
            <span slot="title">学生管理</span>
          </template>
        </el-menu-item>
        <el-menu-item index="1">
          <template slot="title">
            <i class="el-icon-menu"></i>
            <span slot="title">成绩管理</span>
          </template>
        </el-menu-item>
        <el-menu-item index="/CheckpointView">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span slot="title">关卡管理</span>
          </template>
        </el-menu-item>
        <el-menu-item index="/CheckpointContentView">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span slot="title">内容管理</span>
          </template>
        </el-menu-item>
        <el-menu-item index="/MultiQuestionView">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span slot="title">试题管理</span>
          </template>
        </el-menu-item>

        <el-menu-item index="1">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span slot="title">通知管理</span>
          </template>
        </el-menu-item>
        <el-menu-item index="1">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span slot="title">班级管理</span>
          </template>
        </el-menu-item>
        <el-menu-item index="TeacherView">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span slot="title">个人信息管理</span>
          </template>
        </el-menu-item>
      </el-menu>
    </el-aside>

    <el-container>
      <el-header style="font-size: 12px; border-bottom: 1px solid #ccc; line-height: 60px; display: flex">
        <div style="flex: 1; font-size: 20px">
          <span :class="collapseBtnClass" style="cursor: pointer" @click="collapse"></span>
        </div>
        <el-dropdown style="width: 70px; cursor: pointer">
          <span>徐哲豪</span><i class="el-icon-arrow-down" style="margin-left: 5px"></i>
          <el-dropdown-menu slot="dropdown" >
            <el-dropdown-item style="font-size: 14px; padding: 5px 0">个人信息</el-dropdown-item>
            <el-dropdown-item style="font-size: 14px; padding: 5px 0">退出</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>

      </el-header>

      <el-main>
        <div style="margin: 0px;width:100%;height:45px;text-align:center;background: #4095E5">
          <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>试题管理</el-breadcrumb-item>
          </el-breadcrumb>
        </div>


        <div>
          <el-tabs v-model="activeName">
            <el-tab-pane name="first">
              <span slot="label">选择题</span>
              <div style="margin: 10px 0">
                <el-table-column type="selection" width="55"></el-table-column>
                <el-input style="width: 200px" placeholder="请输入科目" suffix-icon="el-icon-search" v-model="postChange.subject"></el-input>
                <el-input style="width: 200px" placeholder="请输入章节" suffix-icon="el-icon-search" class="ml-5" v-model="postChange.section"></el-input>
                <el-input style="width: 200px" placeholder="请输入难度" suffix-icon="el-icon-search" v-model="postChange.level"></el-input>
                <el-button class="ml-5" type="primary" @click="load">搜索</el-button>
                <el-button type="warning" @click="reset">重置</el-button>
              </div>

              <div style="margin: 10px 0">
                <el-button type="primary" @click="jump()" class="detailed">新增<i class="el-icon-circle-plus-outline"></i></el-button>
                <el-popconfirm
                    class="ml-5"
                    confirm-button-text='确定'
                    cancel-button-text='我再想想'
                    icon="el-icon-info"
                    icon-color="red"
                    title="您确定批量删除这些数据吗？"
                    @confirm="delBatch"
                >
                  <el-button type="danger" slot="reference">批量删除 <i class="el-icon-remove-outline"></i></el-button>
                </el-popconfirm>
                <el-button type="primary" class="ml-5">导入 <i class="el-icon-bottom"></i></el-button>
                <el-button type="primary">导出 <i class="el-icon-top"></i></el-button>
              </div>

              <el-table :data="tableData" style="width: 100%" :row-style="{height: '10'}"
                        :cell-style="{padding: '10'}"
                        border stripe :header-cell-class-name="headerBg" @selection-change="handleSelectionChange" max-height="500">
                <el-table-column type="selection" width="50">
                </el-table-column>
                <el-table-column prop="questionId" label="试题编号" width="80" >
                </el-table-column>
                <el-table-column prop="subject" label="考试科目" width="120">
                </el-table-column>
                <el-table-column prop="question" label="问题题目">
                </el-table-column>
                <el-table-column prop="answerA" label="选项A" width="60">
                </el-table-column>
                <el-table-column prop="answerB" label="选项B" width="60">
                </el-table-column>
                <el-table-column prop="answerC" label="选项C" width="60">
                </el-table-column>
                <el-table-column prop="answerD" label="选项D" width="60">
                </el-table-column>
                <el-table-column prop="rightAnswer" label="正确答案" width="100">
                </el-table-column>
                <el-table-column prop="analysis" label="题目解析" width="100">
                </el-table-column>
                <el-table-column prop="score" label="分数" width="100">
                </el-table-column>
                <el-table-column prop="section" label="章节" width="100">
                </el-table-column>
                <el-table-column prop="level" label="难度" width="60">
                </el-table-column>

                <el-table-column label="操作"  width="200" align="center">
                  <template slot-scope="scope">
                    <el-button type="success" @click="handleEdit(scope.row)">编辑 <i class="el-icon-edit"></i></el-button>
                    <el-popconfirm
                        class="ml-5"
                        confirm-button-text='确定'
                        cancel-button-text='我再想想'
                        icon="el-icon-info"
                        icon-color="red"
                        title="您确定删除吗？"
                        @confirm="del(scope.row.questionId)"
                    >
                      <el-button type="danger" slot="reference">删除 <i class="el-icon-remove-outline"></i></el-button>
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
              <div style="padding: 10px 0" align="center">
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="pageNum"
                    :page-sizes="[2, 5, 10, 20]"
                    :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
                </el-pagination>
              </div>

              <el-dialog title="关卡信息" :visible.sync="dialogFormVisible" width="30%" >
                <el-form label-width="80px" size="small">
                  <el-form-item label="考试科目">
                    <el-input v-model="form.subject" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="问题题目">
                    <el-input v-model="form.question" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="选项A">
                    <el-input v-model="form.answerA" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="选项B">
                    <el-input v-model="form.answerB" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="选项C">
                    <el-input v-model="form.answerC" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="选项D">
                    <el-input v-model="form.answerD" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="正确答案">
                    <el-input v-model="form.rightAnswer" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="题目解析">
                    <el-input v-model="form.analysis" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="分数">
                    <el-input v-model="form.score" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="所属章节">
                    <el-input v-model="form.section" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="难度等级">
                    <el-input v-model="form.level" autocomplete="off"></el-input>
                  </el-form-item>




                </el-form>
                <div slot="footer" class="dialog-footer">
                  <el-button @click="dialogFormVisible = false">取 消</el-button>
                  <el-button type="primary" @click="save">确 定</el-button>
                </div>
              </el-dialog>



            </el-tab-pane>

            <el-tab-pane name="second">
              <span slot="label"><i class="iconfont icon-daoru-tianchong"></i>判断题</span>
              <div style="margin: 10px 0">
                <el-table-column type="selection" width="55"></el-table-column>
                <el-input style="width: 200px" placeholder="请输入科目" suffix-icon="el-icon-search" v-model="postJudge.subject"></el-input>
                <el-input style="width: 200px" placeholder="请输入章节" suffix-icon="el-icon-search" class="ml-5" v-model="postJudge.section"></el-input>
                <el-input style="width: 200px" placeholder="请输入难度" suffix-icon="el-icon-search" v-model="postJudge.level"></el-input>
                <el-button class="ml-5" type="primary" @click="load1">搜索</el-button>
                <el-button type="warning" @click="reset1">重置</el-button>
              </div>

              <div style="margin: 10px 0">
                <el-button type="primary" @click="jump()">新增<i class="el-icon-circle-plus-outline"></i></el-button>
                <el-popconfirm
                    class="ml-5"
                    confirm-button-text='确定'
                    cancel-button-text='我再想想'
                    icon="el-icon-info"
                    icon-color="red"
                    title="您确定批量删除这些数据吗？"
                    @confirm="delBatch1"
                >
                  <el-button type="danger" slot="reference">批量删除 <i class="el-icon-remove-outline"></i></el-button>
                </el-popconfirm>
                <el-button type="primary" class="ml-5">导入 <i class="el-icon-bottom"></i></el-button>
                <el-button type="primary">导出 <i class="el-icon-top"></i></el-button>
              </div>

              <el-table :data="tableData1" style="width: 100%" :row-style="{height: '10'}"
                        :cell-style="{padding: '10'}"
                        border stripe :header-cell-class-name="headerBg" @selection-change="handleSelectionChange1" max-height="500">
                <el-table-column type="selection" width="50">
                </el-table-column>
                <el-table-column prop="questionId" label="试题编号" width="80" >
                </el-table-column>
                <el-table-column prop="subject" label="考试科目" width="120">
                </el-table-column>
                <el-table-column prop="question" label="问题题目">
                </el-table-column>
                <el-table-column prop="rightAnswer" label="正确答案" width="100">
                </el-table-column>
                <el-table-column prop="analysis" label="题目解析" width="100">
                </el-table-column>
                <el-table-column prop="score" label="分数" width="100">
                </el-table-column>
                <el-table-column prop="section" label="章节" width="100">
                </el-table-column>
                <el-table-column prop="level" label="难度" width="60">
                </el-table-column>

                <el-table-column label="操作"  width="200" align="center">
                  <template slot-scope="scope">
                    <el-button type="success" @click="handleEdit1(scope.row)">编辑 <i class="el-icon-edit"></i></el-button>
                    <el-popconfirm
                        class="ml-5"
                        confirm-button-text='确定'
                        cancel-button-text='我再想想'
                        icon="el-icon-info"
                        icon-color="red"
                        title="您确定删除吗？"
                        @confirm="del1(scope.row.questionId)"
                    >
                      <el-button type="danger" slot="reference">删除 <i class="el-icon-remove-outline"></i></el-button>
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
              <div style="padding: 10px 0" align="center">
                <el-pagination
                    @size-change="handleSizeChange1"
                    @current-change="handleCurrentChange1"
                    :current-page="pageNum"
                    :page-sizes="[2, 5, 10, 20]"
                    :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
                </el-pagination>
              </div>

              <el-dialog title="关卡信息" :visible.sync="dialogFormVisible1" width="30%" >
                <el-form label-width="80px" size="small">
                  <el-form-item label="考试科目">
                    <el-input v-model="form1.subject" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="问题题目">
                    <el-input v-model="form1.question" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="正确答案">
                    <el-input v-model="form1.rightAnswer" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="题目解析">
                    <el-input v-model="form1.analysis" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="分数">
                    <el-input v-model="form1.score" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="所属章节">
                    <el-input v-model="form1.section" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="难度等级">
                    <el-input v-model="form1.level" autocomplete="off"></el-input>
                  </el-form-item>




                </el-form>
                <div slot="footer" class="dialog-footer">
                  <el-button @click="dialogFormVisible1 = false">取 消</el-button>
                  <el-button type="primary" @click="save1">确 定</el-button>
                </div>
              </el-dialog>
            </el-tab-pane>


            <el-tab-pane name="third">
              <span slot="label"><i class="iconfont icon-daoru-tianchong"></i>编程题</span>
              <div style="margin: 10px 0">
                <el-table-column type="selection" width="55"></el-table-column>
                <el-input style="width: 200px" placeholder="请输入科目" suffix-icon="el-icon-search" v-model="postProgram.subject"></el-input>
                <el-input style="width: 200px" placeholder="请输入章节" suffix-icon="el-icon-search" class="ml-5" v-model="postProgram.section"></el-input>
                <el-input style="width: 200px" placeholder="请输入难度" suffix-icon="el-icon-search" v-model="postProgram.level"></el-input>
                <el-button class="ml-5" type="primary" @click="load2">搜索</el-button>
                <el-button type="warning" @click="reset2">重置</el-button>
              </div>

              <div style="margin: 10px 0">
                <el-button type="primary" @click="jump()">新增<i class="el-icon-circle-plus-outline"></i></el-button>
                <el-popconfirm
                    class="ml-5"
                    confirm-button-text='确定'
                    cancel-button-text='我再想想'
                    icon="el-icon-info"
                    icon-color="red"
                    title="您确定批量删除这些数据吗？"
                    @confirm="delBatch2"
                >
                  <el-button type="danger" slot="reference">批量删除 <i class="el-icon-remove-outline"></i></el-button>
                </el-popconfirm>
                <el-button type="primary" class="ml-5">导入 <i class="el-icon-bottom"></i></el-button>
                <el-button type="primary">导出 <i class="el-icon-top"></i></el-button>
              </div>

              <el-table :data="tableData2" style="width: 100%" :row-style="{height: '10'}"
                        :cell-style="{padding: '10'}"
                        border stripe :header-cell-class-name="headerBg" @selection-change="handleSelectionChange2" max-height="500">
                <el-table-column type="selection" width="50">
                </el-table-column>
                <el-table-column prop="questionId" label="试题编号" width="80" >
                </el-table-column>
                <el-table-column prop="subject" label="考试科目" width="120">
                </el-table-column>
                <el-table-column prop="question" label="问题题目">
                </el-table-column>
                <el-table-column prop="answer" label="回答" width="100">
                </el-table-column>
                <el-table-column prop="score" label="分数" width="100">
                </el-table-column>
                <el-table-column prop="section" label="章节" width="100">
                </el-table-column>
                <el-table-column prop="level" label="难度" width="60">
                </el-table-column>

                <el-table-column label="操作"  width="200" align="center">
                  <template slot-scope="scope">
                    <el-button type="success" @click="handleEdit2(scope.row)">编辑 <i class="el-icon-edit"></i></el-button>
                    <el-popconfirm
                        class="ml-5"
                        confirm-button-text='确定'
                        cancel-button-text='我再想想'
                        icon="el-icon-info"
                        icon-color="red"
                        title="您确定删除吗？"
                        @confirm="del2(scope.row.questionId)"
                    >
                      <el-button type="danger" slot="reference">删除 <i class="el-icon-remove-outline"></i></el-button>
                    </el-popconfirm>
                  </template>
                </el-table-column>
              </el-table>
              <div style="padding: 10px 0" align="center">
                <el-pagination
                    @size-change="handleSizeChange2"
                    @current-change="handleCurrentChange2"
                    :current-page="pageNum"
                    :page-sizes="[2, 5, 10, 20]"
                    :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
                </el-pagination>
              </div>

              <el-dialog title="关卡信息" :visible.sync="dialogFormVisible2" width="30%" >
                <el-form label-width="80px" size="small">
                  <el-form-item label="考试科目">
                    <el-input v-model="form2.subject" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="问题题目">
                    <el-input v-model="form2.question" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="正确答案">
                    <el-input v-model="form2.answer" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="分数">
                    <el-input v-model="form2.score" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="所属章节">
                    <el-input v-model="form2.section" autocomplete="off"></el-input>
                  </el-form-item>
                  <el-form-item label="难度等级">
                    <el-input v-model="form2.level" autocomplete="off"></el-input>
                  </el-form-item>




                </el-form>
                <div slot="footer" class="dialog-footer">
                  <el-button @click="dialogFormVisible2 = false">取 消</el-button>
                  <el-button type="primary" @click="save2">确 定</el-button>
                </div>
              </el-dialog>
            </el-tab-pane>
          </el-tabs>
        </div>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import request from "@/utils/request";

export default {
  name: 'MultiQuestionView',
  data() {
    return {
      tableData: [],
      total: 0,
      pageNum: 1,
      pageSize: 10,
      tableData1: [],
      tableData2: [],
      form: {},
      form1:{},
      form2:{},
      dialogFormVisible: false,
      dialogFormVisible1: false,
      dialogFormVisible2: false,
      multipleSelection: [],
      msg: "hello",
      collapseBtnClass: 'el-icon-s-fold',
      isCollapse: false,
      sideWidth: 200,
      logoTextShow: true,
      headerBg: 'headerBg',

      postChange: { //选择题提交内容
        subject: '', //试卷名称
        level: '', //难度等级选中值
        rightAnswer: '', //正确答案选中值
        section: '', //对应章节
        question: '', //题目
        analysis: '', //解析
        answerA: '',
        answerB: '',
        answerC: '',
        answerD: '',
      },

      postJudge: { //判断题提交内容
        subject: '', //试卷名称
        level: '', //难度等级选中值
        answer: '', //正确答案
        section: '', //对应章节
        question: '', //题目
        analysis: '', //解析
      },
      postProgram: { //判断题提交内容
        subject: '', //试卷名称
        level: '', //难度等级选中值
        answer: '', //正确答案
        section: '', //对应章节
        question: '', //题目

      },
    }
  },
  created() {
    // 请求分页查询数据
    this.load()
    this.load1()
    this.load2()
  },
  methods: {
    collapse() {  // 点击收缩按钮触发
      this.isCollapse = !this.isCollapse
      if (this.isCollapse) {  // 收缩
        this.sideWidth = 64
        this.collapseBtnClass = 'el-icon-s-unfold'
        this.logoTextShow = false
      } else {   // 展开
        this.sideWidth = 200
        this.collapseBtnClass = 'el-icon-s-fold'
        this.logoTextShow = true
      }
    },
    load() {
      this.request.get("/pygram/multi-question/page", {
        params: {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          subject:this.postChange.subject,
          section:this.postChange.section,
          level:this.postChange.level,
        }
      }).then(res => {

        this.tableData = res.data.records
        this.total = res.data.total

      })
    },
    jump () {
      this.$router.push('/SyView')
    },


  save() {
      this.request.post("/pygram/multi-question", this.form).then(res => {
        if (res) {
          this.$message.success("保存成功")
          this.dialogFormVisible = false
          this.load()
        } else {
          this.$message.error("保存失败")
        }
      })
    },
    handleAdd() {
      this.dialogFormVisible = true
      this.form = {}
    },
    handleEdit(row) {
      this.form = row
      this.dialogFormVisible = true
    },
    del(questionId) {
      request.delete("/pygram/multi-question/" + questionId).then(res => {
        if (res) {
          this.$message.success("删除成功")
          this.load()
        } else {
          this.$message.error("删除失败")
        }
      })
    },
    handleSelectionChange(val) {
      console.log(val)
      this.multipleSelection = val
    },

    delBatch() {
      let questionIds = this.multipleSelection.map(v => v.questionId)  // [{}, {}, {}] => [1,2,3]
      request.post("/pygram/multi-question/del/batch", questionIds).then(res => {
        if (res) {
          this.$message.success("批量删除成功")
          this.load()
        } else {
          this.$message.error("批量删除失败")
        }
      })
    },
    reset() {
      this.postChange.subject = ""
      this.postChange.section = ""
      this.postChange.level =""
      this.load()
    },
    handleSizeChange(pageSize) {
      console.log(pageSize)
      this.pageSize = pageSize
      this.load()
    },
    handleCurrentChange(pageNum) {
      console.log(pageNum)
      this.pageNum = pageNum
      this.load()
    },


    load1() {
      this.request.get("/pygram/judge-question/page", {
        params: {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          subject:this.postJudge.subject,
          section:this.postJudge.section,
          level:this.postJudge.level,
        }
      }).then(res => {

        this.tableData1 = res.data.records
        this.total = res.data.total

      })
    },
    save1() {
      this.request.post("/pygram/judge-question", this.form1).then(res => {
        if (res) {
          this.$message.success("保存成功")
          this.dialogFormVisible1 = false
          this.load1()
        } else {
          this.$message.error("保存失败")
        }
      })
    },
    handleAdd1() {
      this.dialogFormVisible1 = true
      this.form1 = {}
    },
    handleEdit1(row) {
      this.form1 = row
      this.dialogFormVisible1 = true
    },
    del1(questionId) {
      request.delete("/pygram/judge-question/" + questionId).then(res => {
        if (res) {
          this.$message.success("删除成功")
          this.load1()
        } else {
          this.$message.error("删除失败")
        }
      })
    },
    handleSelectionChange1(val) {
      console.log(val)
      this.multipleSelection = val
    },

    delBatch1() {
      let questionIds = this.multipleSelection.map(v => v.questionId)  // [{}, {}, {}] => [1,2,3]
      request.post("/pygram/judge-question/del/batch", questionIds).then(res => {
        if (res) {
          this.$message.success("批量删除成功")
          this.load1()
        } else {
          this.$message.error("批量删除失败")
        }
      })
    },
    reset1() {
      this.postJudge.subject = ""
      this.postJudge.section = ""
      this.postJudge.level =""
      this.load1()
    },
    handleSizeChange1(pageSize) {
      console.log(pageSize)
      this.pageSize = pageSize
      this.load1()
    },
    handleCurrentChange1(pageNum) {
      console.log(pageNum)
      this.pageNum = pageNum
      this.load1()
    },

    load2() {
      this.request.get("/pygram/program-question/page", {
        params: {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          subject:this.postProgram.subject,
          section:this.postProgram.section,
          level:this.postProgram.level,
        }
      }).then(res => {

        this.tableData2 = res.data.records
        this.total = res.data.total

      })
    },
    save2() {
      this.request.post("/pygram/program-question", this.form2).then(res => {
        if (res) {
          this.$message.success("保存成功")
          this.dialogFormVisible2 = false
          this.load2()
        } else {
          this.$message.error("保存失败")
        }
      })
    },
    handleAdd2() {
      this.dialogFormVisible2 = true
      this.form2 = {}
    },
    handleEdit2(row) {
      this.form2 = row
      this.dialogFormVisible2 = true
    },
    del2(questionId) {
      request.delete("/pygram/program-question/" + questionId).then(res => {
        if (res) {
          this.$message.success("删除成功")
          this.load2()
        } else {
          this.$message.error("删除失败")
        }
      })
    },
    handleSelectionChange2(val) {
      console.log(val)
      this.multipleSelection = val
    },

    delBatch2() {
      let questionIds = this.multipleSelection.map(v => v.questionId)  // [{}, {}, {}] => [1,2,3]
      request.post("/pygram/program-question/del/batch", questionIds).then(res => {
        if (res) {
          this.$message.success("批量删除成功")
          this.load2()
        } else {
          this.$message.error("批量删除失败")
        }
      })
    },
    reset2() {
      this.postProgram.subject = ""
      this.postProgram.section = ""
      this.postProgram.level =""
      this.load2()
    },
    handleSizeChange2(pageSize) {
      console.log(pageSize)
      this.pageSize = pageSize
      this.load2()
    },
    handleCurrentChange2(pageNum) {
      console.log(pageNum)
      this.pageNum = pageNum
      this.load2()
    }
  }
}
</script>

<style>
.headerBg {
  background: #eee!important;
}
</style>